<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./font/iconfont.css">
</head>

<body>
    <div class="box">
        <div class="top">
            <div class="logo"><a href=""><img src="./image/index_images/logo.jpg" alt=""></a></div>
            <div>
                <form action="" class="search">
                    <input type="text" placeholder="寻找宝贝">
                </form>
            </div>
            <div class="icon1"> <i class="iconfont icon-fenlei1"></i></div>
        </div>
        <div class="nav">
            <ul>
                <a href="" class="first">
                    <li>推荐</li>
                </a>
                <a href="">
                    <li>女装</li>
                </a>
                <a href="">
                    <li>鞋包</li>
                </a>
                <a href="">
                    <li>居家</li>
                </a>
                <a href="">
                    <li>母婴儿童</li>
                </a>
                <a href="">
                    <li>美食</li>
                </a>
                <a href="">
                    <li>服装</li>
                </a>
                <a href="">
                    <li>推荐</li>
                </a>
                <a href="">
                    <li>推荐</li>
                </a>
                <a href="">
                    <li>推荐</li>
                </a>
                <a href="">
                    <li>推荐</li>
                </a>
                <a href="">
                    <li>推荐</li>
                </a>
                <a href="">
                    <li>推荐</li>
                </a>
                <a href="">
                    <li>推荐</li>
                </a>
                <a href="">
                    <li>推荐</li>
                </a>
                <a href="">
                    <li>推荐</li>
                </a>
                <a href="">
                    <li>推荐</li>
                </a>
                <a href="">
                    <li>推荐</li>
                </a>
            </ul>
            <div class="more"><i class="iconfont icon-jiantou-copy-copy"></i></div>
        </div>
        <div class="banner">
            <img src="./image/index_images/banner.jpg" alt="">
        </div>
        <div class="part">
            <a href="">
                <img src="./image/index_images/icon_1.jpg" alt="">
                <span>限时抢购</span>
            </a>
            <a href=""><img src="./image/index_images/icon_2.jpg" alt=""><span>积分商城</span></a>
            <a href=""><img src="./image/index_images/icon_3.jpg" alt=""><span>联系我们</span></a>
            <a href=""><img src="./image/index_images/icon_4.jpg" alt=""><span>商品分类</span></a>
        </div>
        <div class="shorttime">
            <div class="time-left">
                <div class="l-top">
                    <img src="./image/index_images/timer.jpg" alt=""><span>限时秒杀</span>
                </div>
                <p class="time-title">每天零点场,好货秒不停</p>
                <div class="time-s">
                    <span class="black">02</span><i>:</i>
                    <span class="black">16</span><i>:</i>
                    <span class="black">45</span>
                    <div class="bg">秒杀</div>
                    <div class="time-goods">
                        <img src="./image/index_images/shop_5.jpg" alt="">
                        <div class="ball">
                            <span class="ball1">&yen;</span><span class="ball2">14.8</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="time-right">
                <div class="new">
                   <div class="new-txt">
                       <span class="break1">品牌上新</span>
                       <span class="break">折</span>
                       <p class="short"><span>每日9点 抢大牌</span></p>
                       <img src="./image/index_images/brand.jpg" alt="">
                   </div>
                   <div class="pic">
                       <img src="./image/index_images/shop_1.jpg" alt="">
                   </div>
                </div>
                <div class="right-bottom">
                    <div class="go">
                        <p class="go1">每日十件</p>
                        <p class="go2">只为你选好货</p>
                        <div><img src="./image/index_images/shop_2.jpg" alt=""></div>
                    </div>
                    <div class="spell">
                        <p class="go1">拼啊</p>
                        <p class="go2">超级好价拼团</p>
                        <div><img src="./image/index_images/shop_3.jpg" alt=""></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="banner-middle">
            <img src="./image/index_images/bar.jpg" alt="">
        </div>
        <div class="bottom">
            <div class="list">
                <a href=""><span>热门推荐</span></a>
                <a href=""><span>发现好货</span></a>
                <a href=""><span>只看专场</span></a>
                <a href=""><span>只看好货</span></a>
            </div>
            <div class="goods clearfix">
                <div class="photo">
                    <a href=""><img src="./image/index_images/shop_4.jpg" alt=""></a>
                </div>
                <div class="content">
                    <p>雅诗兰黛洗发膏60ml</p>
                    <p class="price"><span>&yen;</span><span>123.00</span></p>
                    <p><span>已售800件</span></p>
                    <div class="btn">
                        <span>立即抢购</span>
                    </div>
                </div>
                
            </div>
            <div class="goods clearfix">
                <div class="photo">
                    <a href=""><img src="./image/index_images/shop_4.jpg" alt=""></a>
                </div>
                <div class="content">
                    <p>雅诗兰黛洗发膏60ml</p>
                    <p class="price"><span>&yen;</span><span>123.00</span></p>
                    <p><span>已售800件</span></p>
                    <div class="btn">
                        <span>立即抢购</span>
                    </div>
                </div>
                
            </div>
            <div class="goods clearfix">
                <div class="photo">
                    <a href=""><img src="./image/index_images/shop_4.jpg" alt=""></a>
                </div>
                <div class="content">
                    <p>雅诗兰黛洗发膏60ml</p>
                    <p class="price"><span>&yen;</span><span>123.00</span></p>
                    <p><span>已售800件</span></p>
                    <div class="btn">
                        <span>立即抢购</span>
                    </div>
                </div>
                
            </div>
            <div class="white"></div>
            <div class="fixed">
                <img src="./image/public/icon_6.jpg" alt="">
                <img src="./image/public/icon_7.jpg" alt="">
                <img src="./image/public/icon_5.jpg" alt="">
            </div>
        </div>
    </div>
</body>

</html>